﻿<link rel="stylesheet" href="@Url.Content("~/Content/globals.css")" />
<link rel="stylesheet" href="@Url.Content("~/Content/typography.css")" />
<link href="@Url.Content("~/Content/styles.css")" rel="stylesheet" type="text/css">
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style type="text/css">

 #PageContainer
    {
       background-color: @MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.backgroundColor;
   background-image:url('@Url.Content("~/uploads/" + MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.backgroundImage)');
            
        margin: 0px;
        padding: 0px;
        margin-left:-6px;
        margin-top:15px;
    
      
        width:@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.Size%;
      

    
       position:relative;
    }
    #PageContainer span
    {
        line-height: 20px;
        letter-spacing: 1px;
        margin-top: 15px;
    }
    #header
    {
         background-color: @MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.Headercolor;
        height: 40px;
        vertical-align:top;  
  
        color:@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.HeadertextColor;
       
      
        color:@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.HeadertextColor;
        background-image: url('@Url.Content("~/uploads/" + MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.HeaderImage)');
        text-align: center;
    }
    .footer
    {
          height: 45px;
          text-align: center;
          vertical-align:bottom;
          background-color: #000000;
          color:@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.FootertextColor;
    }


        #content1
    {

height:250px;
overflow-y: scroll;
width:100%;


    }


    
</style>


<table width="250" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img style="margin-bottom: -15px;" src="../../Content/phone/Mobile_01.png" width="250"
                height="77" alt="">
        </td>
    </tr>
    <tr>
        <td>
            <img style="height: 360px;" src="../../Content/phone/Mobile_02.png" width="25" height=""
                alt="">
        </td>
        <td>
            <div id="PageContainer">
                @if (MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.Isheader == true)
                {
                    <div style="top: 0px; width: auto; position: static;" id="header">
                        <h4>@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.HeaderText
                        </h4>
                    </div>
                }
                 <div id="content1">
                    @RenderBody()
                    </div>
               
                @if (MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.IsFooter == true)
                {
                    <div class="footer">
                        <h4>
                            @MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.Footertext</h4>
                        <ul id="social">
                            <li><a href="@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.facebookurl">
                                <img src="@Url.Content("~/images/facebook.png")" height="20" width="20" alt="facebook" title="like us"/></a></li>
                            <li><a href="@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.twitterurl">
                                <img src="@Url.Content("~/images/twitter.png")" height="20" width="20" alt="Twitter" title="follow us" /></a></li>
                            <li><a href="@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.gplusurl">
                                <img src="@Url.Content("~/images/gplus.png")" height="20" width="20" alt="Google Plus" title="join us"/></a></li>
                        </ul>
                    </div>
                }
            </div>
        </td>
        <td>
            <img style="margin-top: 0px;  height: 360px;" src="../../Content/phone/Mobile_04.png"
                width="25" height="" alt="">
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <img style="margin-top: -13px;" src="../../Content/phone/Mobile_05.png" width="250"
                height="84" alt="">
        </td>
    </tr>
</table>
<style type="text/css">
    #social li
    {
        float: right;
    }
</style>
